import { type GlobalThemeOverrides } from 'naive-ui'
export const themeOverrides: GlobalThemeOverrides = {
  Menu: {
    dividerColor: 'rgb(239, 239, 245)',
    fontSize: '14px',
    borderRadius: '6px',
    groupTextColor: 'rgb(118, 124, 130)',
    itemTextColor: 'rgb(51, 54, 57)',
    itemTextColorHover: 'rgb(51, 54, 57)',
    itemTextColorActive: '#646cff',
    itemTextColorActiveHover: '#646cff',
    itemTextColorChildActive: '#646cff',
    itemTextColorChildActiveHover: '#646cff',
    itemIconColor: 'rgb(31,34,37)',
    itemIconColorHover: 'rgb(31,34,37)',
    itemIconColorActive: '#646cff',
    itemIconColorActiveHover: '#646cff',
    itemIconColorChildActive: '#646cff',
    itemIconColorChildActiveHover: '#646cff',
    itemIconColorCollapsed: 'rgb(31,34,37)',
    itemTextColorHorizontal: 'rgb(51, 54, 57)',
    itemTextColorHoverHorizontal: '#646cff',
    itemTextColorActiveHorizontal: '#646cff',
    itemTextColorChildActiveHorizontal: '#646cff',
    itemTextColorChildActiveHoverHorizontal: '#646cff',
    itemTextColorActiveHoverHorizontal: '#646cff',
    itemIconColorHorizontal: 'rgb(31,34,37)',
    itemIconColorHoverHorizontal: '#646cff',
    itemIconColorActiveHorizontal: '#646cff',
    itemIconColorActiveHoverHorizontal: '#646cff',
    itemIconColorChildActiveHorizontal: '#646cff',
    itemIconColorChildActiveHoverHorizontal: '#646cff',
    arrowColor: 'rgb(51, 54, 57)',
    arrowColorHover: 'rgb(51, 54, 57)',
    arrowColorActive: '#646cff',
    arrowColorActiveHover: '#646cff',
    arrowColorChildActive: '#646cff',
    arrowColorChildActiveHover: '#646cff',
    itemColorHover: 'rgb(243, 243, 245)',
    itemColorActive: 'rgba(100, 108, 255, 0.1)',
    itemColorActiveHover: 'rgba(100, 108, 255, 0.1)',
    itemColorActiveCollapsed: 'rgba(100, 108, 255, 0.1)'
  },
  Dropdown: {
    dividerColor: 'rgb(239, 239, 245)',
    optionTextColor: 'rgb(51, 54, 57)',
    optionColorActive: 'rgba(100, 108, 255, 0.1)',
    optionTextColorActive: '#646cff',
    optionTextColorHover: '#646cff',
    optionColorHover: 'rgba(100, 108, 255, 0.1)',
    optionColorDisabled: 'rgb(243, 243, 245)',
    optionTextColorDisabled: 'rgb(118, 124, 130)',
    optionTextColorChildActive: '#646cff',
    optionColorChildActive: 'rgba(100, 108, 255, 0.1)',
    optionTextColorChildActiveHover: '#646cff',
    optionColorChildActiveHover: 'rgba(100, 108, 255, 0.1)',
    optionIconColor: 'rgb(31,34,37)',
    optionIconColorActive: '#646cff',
    optionIconColorHover: '#646cff',
    optionIconColorDisabled: 'rgb(118, 124, 130)',
    optionIconColorChildActive: '#646cff',
    optionIconColorChildActiveHover: '#646cff',
    optionIconColorActiveHover: '#646cff',
    optionColorActiveHover: 'rgba(100, 108, 255, 0.1)',
    optionColorDisabledHover: 'rgb(243, 243, 245)',
    optionColorDisabledActive: 'rgb(243, 243, 245)'
  },
  Tabs: {
    tabTextColorActiveLine: '#646cFFFF',
    tabTextColorHoverLine: '#646CFFFF',
    tabTextColorActiveBar: '#646CFFFF',
    tabTextColorHoverBar: '#646CFFFF',
    tabTextColorActiveCard: '#646CFFFF'
  },
  DataTable: {
    thIconColorActive: '#262C51FF',
    loadingColor: '#6e6cff',
    lineHeight: 1
  },
  Pagination: {
    itemTextColorActive: '#646CFF',
    itemTextColorPressed: '#646cff',
    itemTextColorHover: '#646cffFF',
    itemBorderActive: '1px solid #646CFF'
  },
  Form: {},
  Input: {
    borderHover: '#646cff',
    borderFocus: '#646cff',
    boxShadowFocus: '0 0 0 1px rgba(100, 108, 255, 0.2)',
    caretColor: '#646cff',
    colorFocus: 'rgba(100, 108, 255, 0.1)'
  }
}
